*{padding: 0;margin: 0;}
.list{padding: 20px 0 0 20px;margin: 0 auto;}
.list a{display: inline-block;}
.list a:nth-of-type(1){width: 40px;height: 40px;border: 1px solid #000;text-align: center;line-height: 40px;color: #000;font-size: 1.5rem;margin-right: 10px;}
.list a:nth-of-type(2){width: 30px;vertical-align: middle;}


h3{text-align: center;margin: 30px auto;}
h6.author{text-align: center;}
h6 span:nth-of-type(1){font-weight: bold;margin-right: 20px;}
h5.readingNum{text-align: right;margin: 10px auto;}
h5.readingNum img{margin-right: 5px;width: 22px;}
h5.readingNum .priseNum{cursor: pointer;}
h5.readingNum span{margin-right: 15px;}
p{text-align: justify;line-height: 180%;font-size:16px;}

@media screen  and (min-width:768px){

    .list{width: 70%;}
    h5.readingNum{width: 70%;}
    p{width: 60%;margin: 0 auto 30px auto;}

}



@media screen and (max-width: 768px){

    .list{width: 95%;}
    h5.readingNum{width: 95%;}
    p{width: 95%;margin: 0 auto 30px auto;}
}